import React, {useEffect} from 'react';
import {View,} from '@tarojs/components';
import {Checkbox, FixedView, Tag} from "@taroify/core"
import {ShopOutlined, Arrow} from "@taroify/icons"


import styles from './index.module.scss';
import Tabbar from "@/mall/pages/home/Tabbar";
import OrderList from "@/mall/pages/cart/OrderList";

const Index: React.FC = () => {

    useEffect(() => {
        load();
    }, []);

    const load = async () => {
    }


    return (
        <View className={styles.page}>
            <View className={styles.page_head}>
                <Checkbox><ShopOutlined className={styles.page_head_icon} size={21}/>云Mall深圳旗舰店</Checkbox>
                <Tag className={styles.page_head_tag} variant="outlined" shape="rounded"
                     color="danger">优惠券</Tag>
            </View>
            <View className={styles.page_body}>
                <View className={styles.page_body_left}>
                    <Tag className={styles.page_body_left_tag} variant="outlined" shape="rounded"
                         color="danger">满减</Tag>
                    <View className={styles.page_body_left_txt}>满100元减99.9元,已减99.9元</View>
                </View>
                <View className={styles.page_body_right}>
                    <View className={styles.page_body_right_txt}>
                        再逛逛
                    </View>
                    <Arrow/>
                </View>
            </View>
            <OrderList></OrderList>
            <FixedView className={styles.page_foot} position="bottom">

                <Checkbox></Checkbox>
                <View className={styles.page_foot_txt}>全选</View>
                <View className={styles.page_foot_body}>
                    <View className={styles.page_foot_body_left}>
                        <View className={styles.page_foot_body_left_top}>
                            <View className={styles.page_foot_body_left_top_left}>
                                总计
                            </View>
                            <View className={styles.page_foot_body_left_top_center}>
                                ¥1999.97
                            </View>
                            <View className={styles.page_foot_body_left_top_right}>
                                (不含运费)
                            </View>
                        </View>
                        <View className={styles.page_foot_body_left_bottom}>
                            已优惠 ¥99.28
                        </View>
                    </View>
                    <View className={styles.page_foot_body_right}>
                        <View>
                            去结算
                        </View>
                        <View>(16)
                        </View>
                    </View>
                </View>

            </FixedView>

            <Tabbar value={2}></Tabbar>
        </View>
    );
};

export default Index;
